<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>智慧工地大数据中心-绿色施工</title>
		<!--<meta name="renderer" content="webkit">-->
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="../../resources/css/stylesheet.css">
		<link rel="stylesheet" href="../../resources/css/xadmin.css">
		<link rel="stylesheet" href="../../resources/css/main.css">
		<script type="text/javascript" src="../../resources/js/jquery.min.js"></script>
		<script type="text/javascript" src="../../resources/js/jquery.cookie.js"></script>
		<script src="../../resources/lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="../../resources/js/xadmin.js"></script>
		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
		<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	</head>

	<body class="pro-bg body-bg">
		<!--头部配置结束-->
		<!--header开始-->
		<!-- 顶部开始 -->
		<header>
			<img class="head-logo" src="../../resources/images/NanJingDiTie.png" />
			<!--<img class="head-logo" src="../../resources/images/zgjz-logo.png" />-->
			<!--<img class="head-logo" src="../../resources/images/logo.png" />-->
			
			<h1 class="head-title hy">智慧工地大数据中心</h1>
			<div class="pro-tips">
				<div class="tips">
					<img class="tips-img" src="../../resources/images/time.png" />
					<span class="tips-text hy" id="today"></span>
				</div>
				<div class="tips">
					<img class="tips-img" src="../../resources/images/local.png" />
					<span class="tips-text hy" id="citytext"></span>
				</div>
			</div>
			<div class="headlight">
				<div class="scrollNews">
					<ul>
						<li><img class="light" src="../../resources/images/light.png" /></li>
						<li><img class="light" src="../../resources/images/light.png" /></li>
					</ul>
				</div>
			</div>
		</header>
		<!-- 顶部结束 -->
		<!-- 中部开始 -->
		<div class="pro-content">
			<ul>
				<li class="menu hy">
					<a href="index.html">首&nbsp;&nbsp;页</a>
				</li>
				<li class="menu hy">
					<a href="survey.html">工程进度</a>
				</li>
				<li class="menu hy">
					<a href="panorama.html">全景监控</a>
				</li>
				<li class="menu hy">
					<a href="labor.html">劳务管理</a>
				</li>
				<li class="menu hy">
					<a href="equipment.html">设备管理</a>
				</li>
				<li class="menu-actived hy">
					<a href="environment.html">绿色施工</a>
				</li>
				<li class="menu hy">
					<a href="quality.html">基坑监测</a>
				</li>
				<li class="menu hy">
					<a href="security.html">盾构数据</a>
				</li>
				<li class="menu hy">
					<a href="../index/home.html">管理后台</a>
				</li>
			</ul>
			<div class="pro-nav">
				<div class="pro-text">
					<div class="en-content">
						<h2 class="title en-title hy">本月(天)</h2>
						<div class="data-content">
							<canvas id="month-canvas" width="160px" height="290px"></canvas>
							<div class="data-style">
								<ul>
									<li>
										<span class="block block-color1"></span>
										<span>优秀:<span class="en-data" id="perfect">15</span></span>
									</li>
									<li>
										<span class="block block-color2"></span>
										<span>良好:<span class="en-data" id="good">1</span></span>
									</li>
									<li>
										<span class="block block-color4"></span>
										<span>轻度:<span class="en-data" id="slight"></span></span>
									</li>
								</ul>
							</div>
							<div class="data-style">
								<ul>
									<li>
										<span class="block block-color5"></span>
										<span>中度:<span class="en-data" id="middle">0</span></span>
									</li>
									<li>
										<span class="block block-color6"></span>
										<span>重度:<span class="en-data" id="heavy">0</span></span>
									</li>
									<li>
										<span class="block block-color7"></span>
										<span>严重:<span class="en-data" id="serious">0</span></span>
									</li>
								</ul>
							</div>
							<div class="data-style en-addw style-magrin">
								<ul>
									<li>
										<span class="block block-color3"></span>
										<span>达标:<span class="en-data" id="qualified"></span></span>
									</li>
									<li>
										<span class="block block-color8"></span>
										<span>不达标:<span class="en-data" id="unqualified"></span></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="en-content">
						<h2 class="title en-title hy">2018年</h2>
						<div class="data-content">
							<canvas id="year-canvas" width="160px" height="290px"></canvas>
							<div class="data-style">
								<ul>
									<li>
										<span class="block block-color1"></span>
										<span>优秀:<span class="en-data" id="perfect1"></span></span>
									</li>
									<li>
										<span class="block block-color2"></span>
										<span>良好:<span class="en-data" id="good1"></span></span>
									</li>
									<li>
										<span class="block block-color4"></span>
										<span>轻度:<span class="en-data" id="slight1"></span></span>
									</li>
								</ul>
							</div>
							<div class="data-style">
								<ul>
									<li>
										<span class="block block-color5"></span>
										<span>中度:<span class="en-data" id="middle1"></span></span>
									</li>
									<li>
										<span class="block block-color6"></span>
										<span>重度:<span class="en-data" id="heavy1"></span></span>
									</li>
									<li>
										<span class="block block-color7"></span>
										<span>严重:<span class="en-data" id="serious1"></span></span>
									</li>
								</ul>
							</div>
							<div class="data-style en-addw style-magrin">
								<ul>
									<li>
										<span class="block block-color3"></span>
										<span>达标:<span class="en-data" id="qualified1"></span></span>
									</li>
									<li>
										<span class="block block-color8"></span>
										<span>不达标:<span class="en-data" id="unqualified1"></span></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="pro-video">
					<div class="en-classily">
						<h2 class="title monitor-title hy">实时环境监测</h2>
						<div class="data-content">
							<canvas id="monitor-canvas" width="500px" height="300px"></canvas>
							<div class="monitor-classily">
								<ul>
									<li>
										<img class="monitor-img" src="../../resources/images/temperature.png" />
										<hgroup>
											<h4 class="m-name hy">温度</h4>
											<p class="m-data hy" id="temperature"></p>
										</hgroup>
									</li>
									<li>
										<img class="monitor-img" src="../../resources/images/humidity.png" />
										<hgroup>
											<h4 class="m-name hy">湿度</h4>
											<p class="m-data hy" id="humidity"></p>
										</hgroup>
									</li>
									<li>
										<img class="monitor-img" src="../../resources/images/wind.png" />
										<hgroup>
											<h4 class="m-name hy">风速</h4>
											<p class="m-data hy" id="windspeed"></p>
										</hgroup>
									</li>
									<li>
										<img class="monitor-img" src="../../resources/images/direction.png" />
										<hgroup>
											<h4 class="m-name hy">风向</h4>
											<p class="m-data hy" id="winddirection"></p>
										</hgroup>
									</li>
								</ul>
							</div>
						</div>
						<div class="mon-bar">
							<ul>
								<li>0</li>
								<li>50</li>
								<li>100</li>
								<li>150</li>
								<li>200</li>
								<li>300</li>
								<li class="bar-end">500</li>
							</ul>
							<img class="bar-img" src="../../resources/images/progress-bar.png" />
							<ul class="bar-text">
								<li>优秀</li>
								<li>良好</li>
								<li>轻度污染</li>
								<li>中度污染</li>
								<li>重度污染</li>
								<li>严重污染</li>
							</ul>
						</div>
						<div class="animation-water">
							<div id="container">
								<ul id="content">
									<li>
										<a href="#"><img src="../../resources/images/water3.png" /></a>
									</li>
									<li>
										<a href="#"><img class="water" src="../../resources/images/water3.png" /></a>
									</li>
								</ul>
								<ul id="content">
									<li>
										<a href="#"><img class="water" src="../../resources/images/water3.png" /></a>
									</li>
									<li>
										<a href="#"><img class="water1" src="../../resources/images/water3.png" /></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="en-brokenline ">
						<h2 class="title brokenline-title hy">最近24小时</h2>
						<div id="mon-container"></div>
					</div>

				</div>
				<div class="pro-text">
					<div class="en-content">
						<h2 class="title en-title hy">用电量</h2>
						<div class="data-content2">
							<canvas id="electric-canvas" width="200px" height="150px"></canvas>
							<div class="data-style style-magrin1">
								<ul>
									<li>
										<span class="block block-color1"></span>
										<span>生活区</span>
									</li>
									<li>
										<span class="block block-color2"></span>
										<span>办公区</span>
									</li>
									<li>
										<span class="block block-color3"></span>
										<span>施工区</span>
									</li>
								</ul>
							</div>
						</div>
						<div id="electric-container"></div>
					</div>
					<div class="en-content">
						<h2 class="title en-title hy">用水量</h2>
						<div class="data-content2">
							<canvas id="water-canvas" width="200px" height="150px"></canvas>
							<div class="data-style style-magrin1">
								<ul>
									<li>
										<span class="block block-color1"></span>
										<span>生活区</span>
									</li>
									<li>
										<span class="block block-color2"></span>
										<span>办公区</span>
									</li>
									<li>
										<span class="block block-color3"></span>
										<span>施工区</span>
									</li>
								</ul>
							</div>
						</div>
						<div id="water-container"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- 中部结束 -->
		<!-- 底部开始 -->
		<footer>
			<div class="footer-light">
				<div class="scrollNews">
					<ul>
						<li><img class="light" src="../../resources/images/light.png" /></li>
						<li><img class="light" src="../../resources/images/light.png" /></li>
					</ul>
				</div>
			</div>
			<div class="gear-animation">
				<img class="gearmin" src="../../resources/images/gear-min.png" />
				<img class="gearmax" src="../../resources/images/gear-max.png" />
			</div>
		</footer>
		<!-- 底部结束 -->
		<!--footer结束-->
	</body>
	<script type="text/javascript" src="../layouts/webindex/environment-data.js"></script>
	<script type="text/javascript" src="../../resources/js/en-canvas.js"></script>

</html>